widgets.IATWoojin.wjFlyOutRel

Widget Description

short: Ausblendbares Containerfeld
de: ausblendbarer Container
en: Hideable container

Properties

name type description bindable readOnly required defaultValue localizable
actvUser String active Current User loggedIn true false false Anonymous false
autoClose Boolean close Flyout on click outside the content if true and the FlyOut is open and the user clicks somewhere outside the FlyOut, it closes automatically false false false true false
buttonHeaderText String Text which is displayed in the Header Area of the button true false false "" false
buttonOffset Integer Offset of the button false false false 0 false
docking brease.enum.ImageAlign position of the flyout widget false false false top false
enable Boolean Initial option to enable widget. true false false true false
image String Path to an optional image. true false false null false
langContent Boolean Attribute to recognize if language Menue true false false false false
loginLevel Integer Userhandling LogInLevel true false false null false
permissionOperate RoleCollection restricts operability to users, which have given roles false false false false
permissionView RoleCollection restricts visibility to users, which have given roles false false false false
speed String speed for open/close animation zB 0.15 || 0.2 etc. true false false "0.15" false
style StyleReference reference to a style for this widget type true false false default false
tabIndex Integer sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) false false false -1 false
text String Text which is displayed in the button true false false "" false
tooltip String reference to a tooltip for a widget false false false true
visible Boolean change visibility true false false true false
zAxisType String zAxis Type of Content and Button allvisible || contenthidden || contentpopup !!!!!!!! zIndex attribute required !!!!!!! true false false null false
buttonHeight Size button height of widget false false false 50 false
buttonWidth Size button width of widget false false false 50 false
zIndex UInteger The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 false false true false
left Integer absolute position measured from left boundary of parent container false false false false
top Integer absolute position measured from top boundary of parent container false false false false
height Size outer height of widget false false false 200 false
width Size outer width of widget false false false 100 false

Styleable Properties

name type description defaultValue
buttonBorderStyle BorderStyle

Style of the Border of the widget Possible Values: solid, dotted, none

 solid
buttonBorderColor Color

usage (Syntax like CSS):

  • single Value for all directions e.g. #FFF
  • seperate Value for each direction e.g. #FFF #333 #FFF #333
 transparent
buttonBorderWidth PixelValCollection

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 0px
buttonCornerRadius PixelValCollection

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 0px
buttonBackColor Color

usage (Syntax like CSS):

  • HEX Color code: #FFFFFF
  • rgba Component syntax: rgba(100,100,100,255)
  • transparent
 #FFFFFF
buttonBackGroundGradient String

Background as a gradient for further information see CSS Gradients

 none
borderStyle BorderStyle

Style of the Border of the widget Possible Values: solid, dotted, none

 solid
borderColor Color

usage (Syntax like CSS):

  • single Value for all directions e.g. #FFF
  • seperate Value for each direction e.g. #FFF #333 #FFF #333
 transparent
borderWidth PixelVal

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 2px
cornerRadius PixelVal

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 0px
backColor Color

usage (Syntax like CSS):

  • HEX Color code: #FFFFFF
  • rgba Component syntax: rgba(100,100,100,255)
  • transparent
 #FFFFFF
backGroundGradient Gradient

Background as a gradient for further information see CSS Gradients

 none
textColor Color

usage (Syntax like CSS):

  • HEX Color code: #FFFFFF
  • rgba Component syntax: rgba(100,100,100,255)
 #000000
textAlign brease.enum.TextAlign

Alignment of the text:

  • left
  • center
  • right
 center
textRotation WritingMode

Rotation of text in the button. vertical = top to bottom horizontal = right to left

 horizontal
opacity Opacity

Opacity of the widget 0 = 0% invisible 1 = 100%

 1
fontSize PixelVal

Fontsize of the text in pixel. e.g 24px

 12px
fontName FontName

Fontname of the text.

 Roboto
bold Boolean

If true font style is bold

 false
italic Boolean

If true font style is italic

 false
shadow Shadow

Shadow of the Widget usage (Syntax like CSS):

  • h-shadow v-shadow [blur] [spread] color e.g. 10px 10px 5px #888888
 none